<template>
    <div style="background-color: aqua">
        hello 123
        <SvgIcon name="ban"></SvgIcon>
        <SvgIcon name="bed"></SvgIcon>
        <SvgIcon name="abc"></SvgIcon>
        <SvgIcon name="bcd"></SvgIcon>
        <!--        <SvgIcon name="icon2"></SvgIcon>-->
        <!--        <SvgIcon name="icon3"></SvgIcon>-->
        <!--        <SvgIcon name="dir-icon1"></SvgIcon>-->
    </div>
</template>

<script>
import {defineComponent, computed} from 'vue'

import SvgIcon from './components/SvgIcon.vue'

export default defineComponent({
    components: {SvgIcon},
})
</script>

<style scoped>
.SvgIcon  {
    font-size: 50px;
    color: blue;
}
</style>
